<%--
  Created by IntelliJ IDEA.
  User: 86189
  Date: 2022/4/25
  Time: 13:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="./layui-v2.6.8/layui/css/layui.css" media="all">
    <script src="./layui-v2.6.8/layui/layui.js"></script>
</head>
<body>
<table class="layui-hide" id="test" lay-filter="test"></table>


<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
        <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
        <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
    </div>
</script>



<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>


<%--<div class="layui-input-inline">--%>
<%--    普通选择器--%>
<%--    <input class="layui-input" id="test1" type="text" placeholder="yyyy-MM-dd">--%>
<%--</div>--%>
<a name="range"> </a>

<script>
    layui.use(['table', 'jquery', 'layer'], function () {
        var table = layui.table;
        var $ = layui.jquery;
        var layer = layui.layer;


        $.ajax({
            url: "blanketOrderServlet",
            type:'GET',
            dataType: "json",
            success: function (data) {
                var result = JSON.stringify(data.result);

                console.log("data="+data)
            }
        });
        table.render({
            height: 650
            , elem: '#test'
            , url: 'blanketOrderServlet'
           ,parseData:function (result) {
                 return{
                     "code": result.code,
                     "msg":result.message,
                     "count": result.count, //解析数据长度
                      "data":result.data,

                 }
            }

            , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
            , defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
                title: '提示'
                , layEvent: 'LAYTABLE_TIPS'
                , icon: 'layui-icon-tips'
            }]
            , title: '用户数据表'

            , cols: [[

                {type: 'checkbox', fixed: 'left'}
                , {field: 'id', title: 'ID', width: 20, fixed: 'left', unresize: true, sort: true}
                , {field: 'goodsName', title: '菜名', width: 120, edit: 'text', templet: "#goodsName" }

                , {field: 'count', title: '分量', width: 120, edit: 'text' ,cellMinWidth: 100,sort: true,templet:'<div>{{d.orderItems}}</div>'}
                , {field: 'oid', title: '订单编号', width: 300, edit: 'text', templet:'<div>{{d.oid}}</div>'}

            ]]
            ,page: true   //开启分页
            ,limit:10   //默认十条数据一页
            ,limits:[10,20,30,50]  //数据分页条
            ,id: 'testReload'
        });

        //头工具栏事件
        table.on('toolbar(test)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id);
            switch (obj.event) {
                case 'getCheckData':
                    var data = checkStatus.data;
                    layer.alert(JSON.stringify(data));
                    break;
                case 'getCheckLength':
                    var data = checkStatus.data;
                    layer.msg('选中了：' + data.length + ' 个');
                    break;
                case 'isAll':
                    layer.msg(checkStatus.isAll ? '全选' : '未全选');
                    break;

                //自定义头工具栏右侧图标 - 提示
                case 'LAYTABLE_TIPS':
                    layer.alert('这是工具栏右侧自定义的一个图标按钮');
                    break;
            }
            ;
        });
        //监听行工具事件
        table.on('tool(test)', function (obj) {
            var data = obj.data;
            //console.log(obj)
            if (obj.event === 'del') {

                layer.confirm('真的删除行么', function (index) {

                    $.ajax({
                        url: "deleteOrderServlet",
                        type: "POST",
                        data: {"oid": data.oid},
                        async: false,
                        success: function (data1) {

                            if (data1 == 1) {
                                obj.del();
                                //关闭弹框
                                layer.close(index);
                                layer.msg("删除成功！");
                                table.render;
                            }
                        }
                    });
                });
            } else if (obj.event === 'edit') {
                layer.prompt({
                    formType: 2
                    , value: data.email
                }, function (value, index) {
                    obj.update({
                        email: value
                    });
                    layer.close(index);
                });
            }

        });
        // layui.use('laydate', function(){
        //     var laydate = layui.laydate;
        //     laydate.render({
        //         elem: '#test1'
        //     });
        // });

    });
    // //行工具事件
    // table.on('tool(test)', function(obj){
    //     var data = obj.data;
    //     //console.log(obj)
    //     if(obj.event === 'edit'){
    //         //alert("课   程号："+data.kch);
    //         var flag =true;
    //         $.ajax({
    //             url:'checkKcSelect.do'
    //             ,type: "post"
    //             ,data:{'kch':data.kch}
    //             ,async:false
    //             ,success:function (data1) {
    //
    //                 if(data1==1){
    //                     layer.msg("已经选过了",{icon:5});
    //                     flag=false;
    //                 }
    //             }
    //         });
    //         if(flag) {
    //             layer.confirm('确定选'+data.kcm+"嘛", function (index) {
    //                 obj.del();
    //                 $.post("addKcb.do",{'kch':data.kch},function (data) {
    //                     if(data==2){
    //                         layer.msg("选课成功",{icon:1});
    //                     }else {
    //                         layer.msg("选课失败",{icon:5});
    //                     }
    //                 })
    //                 //layer.close(index);
    //             });
    //         }
    //
    //     }
    // });
    // });
    //     //监听行工具事件
    //     table.on('tool(test)', function(obj){
    //         var data = obj.data;
    //         //console.log(obj)
    //         if(obj.event === 'del'){
    //             layer.confirm('真的删除行么', function(index){
    //                 obj.del();
    //                 layer.close(index);
    //             });
    //         } else if(obj.event === 'edit'){
    //             layer.prompt({
    //                 formType: 2
    //                 ,value: data.email
    //             }, function(value, index){
    //                 obj.update({
    //                     email: value
    //                 });
    //                 layer.close(index);
    //             });
    //         }
    //     });
    // });
</script>

</body>
</html>